<template>
  <div class="container">
    <Header />
    <Contr />
    <NewsBanner />
    <Carousel />
    <Banner />
    <TodoList />
    <Medical />
    <ShowMessage />
  </div>
  <van-back-top right="10vw" bottom="10vh" style="background-color: #209be8" />
  <BottomNav type="home" />
</template>
<script setup>
import BottomNav from "./bottomNav/bottomNav.vue";
import Header from "./home/Header.vue";
import Contr from "./home/Contr.vue";
import NewsBanner from "./home/NewsBanner.vue";
import Carousel from "./home/Carousel.vue";
import Banner from "./home/Banner.vue";
import TodoList from "./home/TodoList.vue";
import Medical from "./home/Medical.vue";
import ShowMessage from "./home/ShowMessage.vue";
</script>
<style lang="scss" scoped>
.container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-y: auto;
  padding-bottom: 67rem;
}
</style>
